<template>
    <div class="box">
        <h3>项目打包</h3>
        <ul>
            <li>通过项目目录中 package.json记录的脚本名bulid完成资源合并编译： npm run bulid </li>
            <li>当 npm run bulid 运行成功后 会生成 报告日志 ，同时编译的文件会记录 与 项目的 dist 目录中</li>
            <li>生产的代码为 html +css+js +静态资源 组成 无需任何环境的服务器项目中</li>
            <p>注意事项</p>
            <ol>
                <li>默认项目的 打包必须在服务器根目录下 运行 因为所有的静态资源都会编译为  / 路径访问</li>
                <li>如果 项目需要以多级域名的方式进行部署（项目代码不能放在根目录） 打包前修改vue.config.js 文件的 publicPath 为部署目录</li>
                
            </ol>
            <hr>
            <h3>git 打包部署 {将源代码和项目代码统一放置到服务器上=服务器git 仓库的同事也是项目访问目录}</h3>
            <ol>
                <li>将不上传的dist 目录从.gitignore 忽略文件中移除</li>
                <li>以git 代码提交方式将资源提交到服务器</li>
                <li>git服务区通过制定惊天资源目录的方式 完成项目部署</li>
                <li>如果后期对项目进行维护 和开发需要完成如下操作</li>
                <br>
                运行打包 npm run bulid <br>
                git提交代码<br>
                更新服务器
            </ol>
        </ul>
    </div>
        


</template>